<div class="my-cms">
	<style>
		.my-cms a{
			width: 120px;
			text-align: center;
			line-height: 30px;
			display: inline-block;
			border: 1px darkgray solid;
			color: darkgray;
	        text-decoration: none;
		}
		.my-cms a.active{
			background-color: darkgray;
			color: white;
		}
		.my-cms ul{
			width:200px;
			border: 1px darkgray solid;
			height: 300px;
		}
	</style>
	<a href="" ng-class="{active:$first}" ng-repeat="v in data">{{v.bigtitle}}</a> 
	
	<ul ng-style="{display:$first?'block':'none'}" ng-repeat='v in data'>
		<li ng-repeat="k in v.content">{{k.title}}</li> 
	</ul>
	
	
</div>